body {
    min-width: 4.266667rem; 
    max-width: 10rem;
    
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica; background: #F2F2F2;
    }

.nav{
    padding: 0%;
    width: (100% - .906667rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    >li{
        width: 2.773333rem;
        height: 1.173333rem;
        background-color: #fddf00;
        border-radius: .16rem;
        font-size: .32rem;
        line-height: 1.173333rem;
        text-align: center;
        color: white;
    }
    >li:first-child{
        background-color: #003a9b;
    }
    
}

.store{
        width: (100% - .906667rem);
        margin: 0 auto;
        height: 1.56rem;
        line-height: 1.56rem;
        font-size: .48rem;
        >span{
            color: #999;
            font-size: .32rem
        }
}

.three-goods{
    padding: 0%;
    width: (100% - .586667rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    
    >li{
        overflow: hidden;
        width: 2.76rem;
        background-color: white;
        border-radius: .266667rem;
        border: .013333rem solid #ccc;
        font-size: .24rem;
        >img{
            width: 100%;
        }
        >div{
            box-sizing: border-box;
            width: (100% - .426667rem);
            padding-left: .213333rem;
            padding-right: .213333rem;
           
            >.text{
                height: .733333rem;
                display: flex;
                align-items: center;
                >img{
                    height: .266667rem;
                }
            }
            >.con{
                width: 100%;
               
            }
            >.price{
                display: flex;
                justify-content: space-between;
                margin-bottom: .373333rem;
                >span{
                    color: #e4007b;
                }
                >img{
                    width: .6rem;
                }
            }
        }
    }
}

.bottom{
    padding: 0%;
    width: (100% - .586667rem);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    >li{
        margin-top: .266667rem;
        overflow: hidden;
        border-radius: .266667rem;
        background-color: white;
        width: 4.266667rem;
        font-size: .24rem;
        >img{
            width: 100%;
        }
        >div{
            box-sizing: border-box;
            width: (100% - .426667rem);
            padding-left: .213333rem;
            padding-right: .213333rem;
           
            >.text{
                height: .733333rem;
                display: flex;
                align-items: center;
                >img{
                    height: .266667rem;
                }
            }
            >.con{
                width: 100%;
               
            }
            >.price{
                display: flex;
                justify-content: space-between;
                margin-bottom: .373333rem;
                >span{
                    color: #e4007b;
                }
                >img{
                    width: .6rem;
                }
            }
        }
    }
}